<!DOCTYPE html>
<html>
<head>
  <meta charset='utf-8'>
 	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" />
	<title>首页</title>
  <link rel="stylesheet" type="text/css" href="css/reset.css">
  <link rel="stylesheet" type="text/css" href="css/style.css"/>
</head>
<body>
<section>
	<header class="home-header">
		<a href="#" class="home-my dark"><i></i><em>我的</em></a>
		<span class="dark">·</span>
		<a href="#" class="home-collect dark"><i></i><em>酷跑退</em></a>
		<span class="dark">·</span>
		<a href="#" class="home-serve dark"><i></i><em>客服</em></a>
	</header>
	<div class="home-empth"></div>
	<div class="banner">
		<img src="images/1.jpg"/>
		<span class="banner-focus">
			<a href="#" class="select"></a>
			<a href="#"></a>
			<a href="#"></a>
		</span>
	</div>
	<div class="home-empth"></div>
	<ul class="home-con">
		<li>
			<p><i><img src="images/ku.png"/></i><em>送</em></p>
			<p><img src="images/3.jpg"/></p>
		</li>
		<li>
			<p><i><img src="images/ku.png"/></i><em>取</em></p>
			<p><img src="images/3.jpg"/></p>
		</li>
		<li>
			<p><i><img src="images/ku.png"/></i><em>购</em></p>
			<p><img src="images/3.jpg"/></p>
		</li>
		<li>
			<p>全能管家</p>
			<p><img src="images/3.jpg"/></p>
		</li>
		<li>
			<p>优惠活动</p>
			<p><img src="images/3.jpg"/></p>
		</li>
		<li>
			<p>酷跑商城</p>
			<p><img src="images/3.jpg"/></p>
		</li>
	</ul>
</section>
</body>
</html>